<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Bookstore</title>

    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/fonts.css" rel="stylesheet">
    <link href="assets/css/fonts.min.css" rel="stylesheet">

    <!-- Add custom CSS here -->
    <link href="assets/css/small-business.css" rel="stylesheet">

  </head>

  <body>

    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header pull-right">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <!-- You'll want to use a responsive image option so this logo looks good on devices - I recommend using something like retina.js (do a quick Google search for it and you'll find it) -->
          <a class="navbar-brand logo-nav" href="index.html"><img src="assets/img/logo.jpg" style="height:75px; width:150px;"></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse pull-left">
          <ul class="nav navbar-nav navbar-right">
          <li><a href="register.php">راچستر</a></li>
            <li><a href="#about">تماس با ما</a></li>
            <li><a href="#services">درباره ما</a></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">کليپ ها <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#contact">کلیپ های تصویری</a></li>
                        <li><a href="#services">کلیپ های صوتی</a></li>
                    </ul>
      </li>

            <li><a href="#contact">کتاب ها</a></li>
            <li class="active"><a href="#contact">صفحه اصلی</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container -->
    </nav>

    <div class="container">

      <div class="row">
        <div class="col-lg-8">
          <img style="width:100%;height:270px;"  class="img-responsive img-rounded" src= "assets/img/photo.jpg"><!-- take out img-rounded if you don't want the rounded corners on the image -->
        </div>
        <div class="col-lg-4">
          <h1>به کتابخانه ما خوش آمدید!</h1>
          <p>ایجه بسیار خوب کتاب هاست. ایجه بسیار خوب کتاب هاست.ایجه بسیار خوب کتاب هاست.ایجه بسیار خوب کتاب هاست.ایجه بسیار خوب کتاب هاست.ایجه بسیار خوب کتاب هاست.ایجه بسیار خوب کتاب هاست.</p>
          <a class="btn btn-success col-md-12" href="#">ادامه...</a>
        </div>
      </div>

      <hr>

      <div class="row">
        <div class="col-lg-12">
          <div class="well text-center">
            جستجو کنید <input type="text" class="col-lg-10">
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col-lg-4">
          <h2> ديني هاي کتاب</h2>
          <p>کتاب هاي معلومات کتاب هاي معلومات کتاب هاي معلومات کتاب هاي معلومات کتاب هاي معلومات کتاب هاي معلومات کتاب هاي معلومات کتاب هاي معلومات کتاب هاي معلومات کتاب هاي معلومات کتاب هاي معلومات کتاب هاي معلومات کتاب هاي معلومات کتاب هاي معلومات کتاب هاي معلومات کتاب هاي معلومات </p>
          <a class="btn btn-warning" href="#">ادامه دارد...</a>
        </div>
        <div class="col-lg-4">
          <h2>کتاب هاي معلومات 2</h2>
          <p>ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  ديني مطالب در اينجا پيدا  </p>
          <a class="btn btn-success" href="#">ادامه دارد...</a>
        </div>
        <div class="col-lg-4">
          <h2>کتاب هاي روانشاسي 3</h2>
          <p>ديني مطالب در اينجا پيدا ميشود ديني مطالب در اينجا پيدا ميشود ديني مطالب در اينجا پيدا ميشود ديني مطالب در اينجا پيدا ميشود ديني مطالب در اينجا پيدا ميشود ديني مطالب در اينجا پيدا ميشود ديني مطالب در اينجا پيدا ميشود ديني مطالب در اينجا پيدا ميشود ديني مطالب در اينجا پيدا ميشود </p>
          <a class="btn btn-primary btn-large" href="#">ادامه دارد...</a>
        </div>
      </div>
  </div><!-- /.container -->
      <footer>
        <hr>
        <div class="row">
          <div class="col-lg-12">
            <p>Copyright &copy; Company 2013 &middot; Facebook &middot; Twitter &middot; Google+</p>
          </div>
        </div>
      </footer>

  

    <!-- Bootstrap core JavaScript -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!-- Make sure to add jQuery - download the most recent version at http://jquery.com/ -->
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/bootstrap.js"></script>
  </body>
</html>